<template>
	<view class="patient-records">
		<view class="public-cell my-flex my-align-center my-justify-between">
			<view class="cell-left">患者姓名</view>
			<view class="cell-right">{{ patientRecordsInfo.name || "" }}</view>
		</view>
		<view class="public-cell my-flex my-align-center my-justify-between">
			<view class="cell-left">性别</view>
			<view class="cell-right">
				{{ patientRecordsInfo.gender === 1 ? "男" : "女" }}
			</view>
		</view>
		<view class="public-cell my-flex my-align-center my-justify-between">
			<view class="cell-left">出生时间</view>
			<view class="cell-right">{{ patientRecordsInfo.birthday || "" }}</view>
		</view>
		<view
			class="public-cell hide-border my-flex my-align-center my-justify-between"
		>
			<view class="cell-left">联系电话</view>
			<view class="cell-right">{{ patientRecordsInfo.phone || "" }}</view>
		</view>
		<!-- 占位 -->
		<!-- <view class="public-space"></view>
		<view class="public-cell my-flex my-align-center my-justify-between">
			<view class="cell-left">身高</view>
			<view class="cell-right">
				{{ patientRecordsInfo.height || "" }}
				<text class="unit">cm</text>
			</view>
		</view>
		<view class="public-cell my-flex my-align-center my-justify-between">
			<view class="cell-left">体重</view>
			<view class="cell-right">
				{{ patientRecordsInfo.weight || "" }}
				<text class="unit">kg</text>
			</view>
		</view>
		<view class="public-cell">
			<view class="cell-content my-flex my-align-center my-justify-between">
				<view class="cell-left">有无过敏史</view>
				<view class="cell-right">
					{{ patientRecordsInfo.ifAllergy === 2 ? "有" : "无" }}
				</view>
			</view>
			<view class="cell-tip" v-if="patientRecordsInfo.ifAllergy === 2">
				<text class="text">{{ patientRecordsInfo.allergy || "" }}</text>
			</view>
		</view>
		<view class="public-cell">
			<view class="cell-content my-flex my-align-center my-justify-between">
				<view class="cell-left">有无既往史</view>
				<view class="cell-right">
					{{ patientRecordsInfo.ifPast === 2 ? "有" : "无" }}
				</view>
			</view>
		</view>
		<view class="public-cell hide-border">
			<view class="cell-content my-flex my-align-center my-justify-between">
				<view class="cell-left">有无手术史</view>
				<view class="cell-right">
					{{ patientRecordsInfo.ifSurgery === 2 ? "有" : "无" }}
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
export default {
	name: "patient-records",
	props: {
		patientRecordsInfo: {
			type: Object,
			default() {
				return {};
			},
		},
	},
};
</script>

<style lang="scss" scoped>
.patient-records {
	width: 100%;
	background-color: #fff;
}
</style>
